<template>
	<view class="seckill-box">
		<scroll-view :scroll-x="true" >
			<view class="list">
				<view class="item" v-for="(item,index) in list" :key="index">
					<u--image :showLoading="true" 
					:src="item.goods_thumb" 
					width="180rpx" 
					height="180rpx"
					radius="20rpx"></u--image>
					<view class="price-box">
						<text class="price">￥{{item.shop_price}}</text>
						<text class="old-price">{{item.market_price}}</text>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default: function() {
					return []
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.seckill-box {
		padding: 20rpx 0;
		background-color: #ffffff;
		border-radius: 12rpx;
		margin-top: 20rpx;
		.list {
			display: flex;
			align-items: center;
			.item {
				padding: 0 10rpx;
				.price-box {
					display: flex;
					align-items: center;
					.price {
						font-size: 24rpx;
						color: #E81526;
						font-weight: 700;
					}
					.old-price {
						font-size: 24rpx;
						color: #999999;
						margin-left: 10rpx;
						text-decoration: line-through;
						transform: scale(.7);
						display: block;
					}
				}
			}
		}
	}
</style>